<template>
	<div class="codelogin">
		<div class="codeimg-box"><img class="code-img" src="../assets/img/qrcode.png" /></div>
		<div><span>请使用微信扫码</span></div>
		<div><el-button class="btn"  @click="setLoginpassstart({code:false,pass:true,register:false})">登录</el-button></div>
		<div><span>扫码成功后，请在微信中点击允许使用</span></div>
		
		
	</div>
</template>

<script>
	
		import {
			mapGetters,
			mapActions
		} from 'vuex'
		export default {
			data() {
				return {

				}
			},
			computed: {
				...mapGetters([
					'login_code_start',
					'login_pass_start',
					'login_register_start'
				])
			},
			methods: {
				
					...mapActions({
						setLogincodestart: 'setLogincodestart',
						setLoginpassstart: 'setLoginpassstart',
						setLoginregisterstart:'setLoginregisterstart'
					}),
			},
		}
</script>

<style scoped lang="less">
	.codelogin{
		width: 300px;
		height: 280px;
		position: fixed;
		top:170px;
		left:50%;
		transform: translateX(-50%);
		background:#fff;
		border:1px solid #333;
		display: flex;
		flex-wrap: wrap;
		border-radius: 5px;
		.pass{
			text-align: right;
			color: red;
			cursor: pointer
		}
		div{
			width: 100%;
			.code-img{
				width: 120px;
				height: 120px;
			}
		.btn{
			width: 226px;
			height: 28px;
			line-height: 28px;
			padding: 0
		}
		.el-button{
			border-color: #686868
		}
		}
		.codeimg-box{
				margin-top: 30px;
				height: 120px;
		}
	}
</style>
